<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/main.css">
    <title>美丽说-潮流穿搭快人一步</title>
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <div class="h_top of">
            <div class="w">
                <ul class="rt">
                    <li><a href="#"><span class="wx"></span>微信登录</a></li>
                    <li><a href="#"><span class="qq"></span>QQ登录</a></li>
                    <li><a href="#">登录</a></li>
                    <li><a href="#">注册</a></li>
                    <li class="drop"><a href="#"><span class="save"></span>我的收藏</a>
                        <ol class="down">
                            <li><a href="#">收藏宝贝</a></li>
                            <li><a href="#">收藏店铺</a></li>
                        </ol>
                    </li>
                    <li><a href="#"><span class="cart"></span>我的购物车</a></li>
                    <li><a href="#"><span class="list"></span>我的订单</a></li>
                    <li class="drop"><a href="#">帮助中心<span class="help"></span></a>
                        <ol class="down">
                            <li><a href="#">买家服务</a></li>
                            <li><a href="#">商家服务</a></li>
                            <li><a href="#">规则中心</a></li>
                        </ol>
                    </li>
                    <li><a href="#">商家后台</a></li>
                </ul>
            </div>
        </div>
        <div class="h_mid of">
            <div class="w">
                <div class="m_logo lt">
                    <a href="#"><img src="images/logo.png"></a>
                </div>
                <div class="m_serch lt">
                    <div class="serch_chose">
                        <span>宝贝</span><span>店铺</span>
                    </div>
                    <div class="serch_input of">
                        <input type="text"><span></span>
                    </div>
                    <div class="serch_nav">
                        <ul>
                            <li><a href="#" class="cng">连衣裙</a></li>
                            <li><a href="#">运动鞋</a></li>
                            <li><a href="#" class="cng">雪纺衫</a></li>
                            <li><a href="#" class="cng">衬衫</a></li>
                            <li><a href="#">薄外套</a></li>
                            <li><a href="#">T恤</a></li>
                            <li><a href="#">套装</a></li>
                            <li><a href="#">牛仔裤</a></li>
                            <li><a href="#" class="cng">小白鞋</a></li>
                            <li><a href="#">风衣</a></li>
                            <li><a href="#" class="cng">绑带凉鞋</a></li>
                            <li><a href="#">粗跟单鞋</a></li>
                        </ul>
                    </div>
                </div>
                <div class="m_qr rt">
                    <img src="images/meilishuo_app.gif">
                </div>
            </div>
        </div>
        <div class="w">
            <div class="h_nav lt">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">上衣</a></li>
                    <li><a href="#">裙子</a></li>
                    <li><a href="#">裤子</a></li>
                    <li><a href="#">女鞋</a></li>
                    <li><a href="#">包包</a></li>
                    <li><a href="#">配饰</a></li>
                    <li><a href="#">美妆</a></li>
                    <li><a href="#">男友</a></li>
                    <li><a href="#">童装</a></li>
                    <li><a href="#">家居</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 轮播 -->
    <div class="carousel">
        <div class="w">
            <div class="carsel_m" id="carousel">
                <img src="images/banner01.jpg" class="on">
                <img src="images/banner02.jpg">
                <img src="images/banner03.jpg">
                <img src="images/banner04.jpg">
                <img src="images/banner05.jpg">
                <img src="images/banner06.jpg">
                <div class="carsel_icon" id="carsel_icon">
                    <ul>
                        <li class="on"></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
                <a href="#" class="car_lt" id="car_lt">&lt;</a>
                <a href="#" class="car_rt" id="car_rt">&gt;</a>
            </div>
            <div class="carsel_nav of">
                <ul>
                    <li>
                        <a href="#">
                            <img src="images/kinds01.png">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/kinds02.png">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/kinds03.png">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="images/kinds04.png">
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 内容 -->
    <div class="content">
        <div class="w">
            <div class="content1 of">
                <div class="con_h">
                    <ul>
                        <li class="on"><a href="#">今日新品</a></li>
                        <li><a href="#">一周热销</a></li>
                    </ul>
                    <a href="#" class="rt more">查看更多&gt;</a>
                </div>
                <div class="con_box">
                    <!-- 单一个体 -->
                    <div class="con_pic">
                        <div class="pic_h">
                            <a href="#"><img src="images/goods01.png"></a>
                        </div>
                        <div class="pic_c">
                            <p class="pic_top">￥93.75 <span class="rt">
                                    <img src="images/wjx.png">250
                                </span></p>
                            <p class="pic_btm">
                                <img src="images/youxuan.png"> 小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</p>
                        </div>
                    </div>
                    <div class="con_pic">
                        <div class="pic_h">
                            <a href="#"><img src="images/goods02.png"></a>
                        </div>
                        <div class="pic_c">
                            <p class="pic_top">￥93.75 <span class="rt">
                                    <img src="images/wjx.png">250
                                </span></p>
                            <p class="pic_btm">
                                <img src="images/youxuan.png"> 小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</p>
                        </div>
                    </div>
                    <div class="con_pic">
                        <div class="pic_h">
                            <a href="#"><img src="images/goods03.png"></a>
                        </div>
                        <div class="pic_c">
                            <p class="pic_top">￥93.75 <span class="rt">
                                    <img src="images/wjx.png">250
                                </span></p>
                            <p class="pic_btm">
                                <img src="images/youxuan.png"> 小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</p>
                        </div>
                    </div>
                    <div class="con_pic">
                        <div class="pic_h">
                            <a href="#"><img src="images/goods04.png"></a>
                        </div>
                        <div class="pic_c">
                            <p class="pic_top">￥93.75 <span class="rt">
                                    <img src="images/wjx.png">250
                                </span></p>
                            <p class="pic_btm">
                                <img src="images/youxuan.png"> 小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</p>
                        </div>
                    </div>
                    <div class="con_pic">
                        <div class="pic_h">
                            <a href="#"><img src="images/goods05.png"></a>
                        </div>
                        <div class="pic_c">
                            <p class="pic_top">￥93.75 <span class="rt">
                                    <img src="images/wjx.png">250
                                </span></p>
                            <p class="pic_btm">
                                <img src="images/youxuan.png"> 小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</p>
                        </div>
                    </div>
                    <div class="con_pic">
                        <div class="pic_h">
                            <a href="#"><img src="images/goods06.png"></a>
                        </div>
                        <div class="pic_c">
                            <p class="pic_top">￥93.75 <span class="rt">
                                    <img src="images/wjx.png">250
                                </span></p>
                            <p class="pic_btm">
                                <img src="images/youxuan.png"> 小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</p>
                        </div>
                    </div>
                    <div class="con_pic">
                        <div class="pic_h">
                            <a href="#"><img src="images/goods07.png"></a>
                        </div>
                        <div class="pic_c">
                            <p class="pic_top">￥93.75 <span class="rt">
                                    <img src="images/wjx.png">250
                                </span></p>
                            <p class="pic_btm">
                                <img src="images/youxuan.png"> 小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</p>
                        </div>
                    </div>
                    <div class="con_pic">
                        <div class="pic_h">
                            <a href="#"><img src="images/goods08.png"></a>
                        </div>
                        <div class="pic_c">
                            <p class="pic_top">￥93.75 <span class="rt">
                                    <img src="images/wjx.png">250
                                </span></p>
                            <p class="pic_btm">
                                <img src="images/youxuan.png"> 小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</p>
                        </div>
                    </div>
                    <div class="con_pic">
                        <div class="pic_h">
                            <a href="#"><img src="images/goods09.png"></a>
                        </div>
                        <div class="pic_c">
                            <p class="pic_top">￥93.75 <span class="rt">
                                    <img src="images/wjx.png">250
                                </span></p>
                            <p class="pic_btm">
                                <img src="images/youxuan.png"> 小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</p>
                        </div>
                    </div>
                    <div class="con_pic">
                        <div class="pic_h">
                            <a href="#"><img src="images/goods10.png"></a>
                        </div>
                        <div class="pic_c">
                            <p class="pic_top">￥93.75 <span class="rt">
                                    <img src="images/wjx.png">250
                                </span></p>
                            <p class="pic_btm">
                                <img src="images/youxuan.png"> 小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="content2 of">
                <div class="c2_h">
                    <span>好物组货</span> <a href="#" class="rt more">查看更多&gt;</a>
                </div>
                <div class="con_box">
                    <div class="c_box">
                        <a href="#">
                            <img src="images/newProduct01.png">
                        </a>
                        <ul>
                            <li><a href="#">
                                    <img src="images/pants01.png">
                                    <p>￥81.25</p>
                                </a></li>
                            <li><a href="#">
                                    <img src="images/pants02.png">
                                    <p>￥81.25</p>
                                </a></li>
                            <li><a href="#">
                                    <img src="images/pants03.png">
                                    <p>￥81.25</p>
                                </a></li>
                        </ul>
                    </div>
                    <div class="c_box">
                        <a href="#">
                            <img src="images/newProduct02.png">
                        </a>
                        <ul>
                            <li><a href="#">
                                    <img src="images/shoes01.png">
                                    <p>￥81.25</p>
                                </a></li>
                            <li><a href="#">
                                    <img src="images/shoes02.png">
                                    <p>￥81.25</p>
                                </a></li>
                            <li><a href="#">
                                    <img src="images/shoes03.png">
                                    <p>￥81.25</p>
                                </a></li>
                        </ul>
                    </div>
                    <div class="c_box">
                        <a href="#">
                            <img src="images/newProduct03.png">
                        </a>
                        <ul>
                            <li><a href="#">
                                    <img src="images/pants01.png">
                                    <p>￥81.25</p>
                                </a></li>
                            <li><a href="#">
                                    <img src="images/pants02.png">
                                    <p>￥81.25</p>
                                </a></li>
                            <li><a href="#">
                                    <img src="images/pants03.png">
                                    <p>￥81.25</p>
                                </a></li>
                        </ul>
                    </div>

                </div>
            </div>
            <div class="content1 of">
                <div class="c2_h con3_h">
                    <span>好物组货</span> <a href="#" class="rt more">查看更多&gt;</a>
                </div>
                <div class="con_box">
                    <!-- 单一个体 -->
                    <div class="con_pic">
                        <div class="pic_h">
                            <a href="#"><img src="images/goods01.png"></a>
                        </div>
                        <div class="pic_c">
                            <p class="pic_top">￥93.75 <span class="rt">
                                    <img src="images/wjx.png">250
                                </span></p>
                            <p class="pic_btm">
                                <img src="images/youxuan.png"> 小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</p>
                        </div>
                    </div>
                    <div class="con_pic">
                        <div class="pic_h">
                            <a href="#"><img src="images/goods02.png"></a>
                        </div>
                        <div class="pic_c">
                            <p class="pic_top">￥93.75 <span class="rt">
                                    <img src="images/wjx.png">250
                                </span></p>
                            <p class="pic_btm">
                                <img src="images/youxuan.png"> 小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</p>
                        </div>
                    </div>
                    <div class="con_pic">
                        <div class="pic_h">
                            <a href="#"><img src="images/goods03.png"></a>
                        </div>
                        <div class="pic_c">
                            <p class="pic_top">￥93.75 <span class="rt">
                                    <img src="images/wjx.png">250
                                </span></p>
                            <p class="pic_btm">
                                <img src="images/youxuan.png"> 小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</p>
                        </div>
                    </div>
                    <div class="con_pic">
                        <div class="pic_h">
                            <a href="#"><img src="images/goods04.png"></a>
                        </div>
                        <div class="pic_c">
                            <p class="pic_top">￥93.75 <span class="rt">
                                    <img src="images/wjx.png">250
                                </span></p>
                            <p class="pic_btm">
                                <img src="images/youxuan.png"> 小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</p>
                        </div>
                    </div>
                    <div class="con_pic">
                        <div class="pic_h">
                            <a href="#"><img src="images/goods05.png"></a>
                        </div>
                        <div class="pic_c">
                            <p class="pic_top">￥93.75 <span class="rt">
                                    <img src="images/wjx.png">250
                                </span></p>
                            <p class="pic_btm">
                                <img src="images/youxuan.png"> 小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</p>
                        </div>
                    </div>
                    <div class="con_pic">
                        <div class="pic_h">
                            <a href="#"><img src="images/goods06.png"></a>
                        </div>
                        <div class="pic_c">
                            <p class="pic_top">￥93.75 <span class="rt">
                                    <img src="images/wjx.png">250
                                </span></p>
                            <p class="pic_btm">
                                <img src="images/youxuan.png"> 小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</p>
                        </div>
                    </div>
                    <div class="con_pic">
                        <div class="pic_h">
                            <a href="#"><img src="images/goods07.png"></a>
                        </div>
                        <div class="pic_c">
                            <p class="pic_top">￥93.75 <span class="rt">
                                    <img src="images/wjx.png">250
                                </span></p>
                            <p class="pic_btm">
                                <img src="images/youxuan.png"> 小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</p>
                        </div>
                    </div>
                    <div class="con_pic">
                        <div class="pic_h">
                            <a href="#"><img src="images/goods08.png"></a>
                        </div>
                        <div class="pic_c">
                            <p class="pic_top">￥93.75 <span class="rt">
                                    <img src="images/wjx.png">250
                                </span></p>
                            <p class="pic_btm">
                                <img src="images/youxuan.png"> 小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</p>
                        </div>
                    </div>
                    <div class="con_pic">
                        <div class="pic_h">
                            <a href="#"><img src="images/goods09.png"></a>
                        </div>
                        <div class="pic_c">
                            <p class="pic_top">￥93.75 <span class="rt">
                                    <img src="images/wjx.png">250
                                </span></p>
                            <p class="pic_btm">
                                <img src="images/youxuan.png"> 小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</p>
                        </div>
                    </div>
                    <div class="con_pic">
                        <div class="pic_h">
                            <a href="#"><img src="images/goods10.png"></a>
                        </div>
                        <div class="pic_c">
                            <p class="pic_top">￥93.75 <span class="rt">
                                    <img src="images/wjx.png">250
                                </span></p>
                            <p class="pic_btm">
                                <img src="images/youxuan.png"> 小清新新款韩版气质收腰显瘦百搭蕾丝边V领木耳边镂空休闲连衣裙</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
        <div class="w">
            <div class="footer_top">
                <div class="f_top_lt lt">
                    <dl>
                        <dt>买家帮助</dt>
                        <dd><a href="#">新手指南</a></dd>
                        <dd><a href="#">服务保障</a></dd>
                        <dd><a href="#">常见问题</a></dd>
                        <dd><a href="#">风险监测</a></dd>
                    </dl>
                    <dl>
                        <dt>商家帮助</dt>
                        <dd><a href="#">供货商招募</a></dd>
                        <dd><a href="#">商家后台</a></dd>
                    </dl>
                    <dl>
                        <dt>关于我们</dt>
                        <dd><a href="#">关于美丽说</a></dd>
                        <dd><a href="#">联系我们</a></dd>
                    </dl>
                    <dl class="footer_about">
                        <dt>关注我们</dt>
                        <dd><a href="#"><span class="xl"></span>新浪微博</a></dd>
                        <dd><a href="#"><span class="kj"></span>QQ空间</a></dd>
                        <dd><a href="#"><span class="tx"></span>腾讯微博</a></dd>
                    </dl>
                </div>
                <div class="f_top_rt lt">
                    <div>
                        <h3>美丽说微信服务号</h3>
                        <img src="images/weixin-server-qrcode.jpg">
                    </div>
                    <div>
                        <h3>美丽说客户端下载</h3>
                        <img src="images/meili-app-qrcode.png">
                    </div>
                </div>
            </div>
            <div class="footer_btm">
                <p>Copyright ©2017 xxxxxxxx.com 电信与信息服务业务经营许可证xxxxxx号 经营性网站备案信息</p>
                <p>京ICP备xxxxxxxx号 京公网安备xxxxxxxx 客服电话：xxxx-xxx-xxx 文明办网文明上网举报电话：xxx-xxxxxxxx 违法不良信息举报中心</p>
            </div>
        </div>
    </div>
    <!-- 侧边栏 -->
    <div class="aside">
        <ul>
            <li>
                <a href="#" class="aside_show">
                    <span class="iconfont">&#xe692;</span>下载<span class="app">APP</span>
                    <div class="aside_qr"><img src="images/meili-app-qrcode140X140.png" alt=""></div>
                </a>
            </li>
            <li><a href="#"><span class="iconfont">&#xe621;</span>购物车</a></li>
            <li><a href="#"><span class="iconfont">&#xe72c;</span>消息</a></li>
            <li><a href="#"><span class="iconfont">&#xe693;</span>优惠券</a></li>
            <li><a href="#"><span class="iconfont">&#xe60f;</span>收藏</a></li>
            <li><a href="#"><span class="iconfont">&#xe638;</span>足迹</a></li>
        </ul>
    </div>
    <script src="js/index.js"></script>
</body>

</html>